/* 1、获取标签栏的所有标签元素对象
   2、获取标签栏的所有内容对象
   3、循环操作标签元素，为每一个标签元素添加鼠标滑过事件
   4、在鼠标滑过事件中：
  循环操作标签内容元素：显示当前鼠标滑过的div元素，隐藏其他div元素*/
var tabs=document.getElementsByClassName('tab-head-div');
var divs=document.getElementsByClassName('tab-body-div');
for (var i = 0; i < tabs.length; i++) {
	tabs[i].onmouseover=function() {
		for (var j = 0; j < divs.length; j++) {
			if (this==tabs[j]) {
				tabs[j].classList.add('current');
				divs[j].classList.add('current');
			} else{
				tabs[j].classList.remove('current');
				divs[j].classList.remove('current');
			}
		}
	}
}